<template>
	<view>
		<view class="wrap">
			<!-- <view class="bing" @click="onBing">
				绑定用户
			</view> -->
			
			<view class="create" @click="onCreate">
				创建直播
			</view>
			
			<view class="list" @click="onList">
				直播列表
			</view>
			
			<view class="list" @click="onDemo">
				demo
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			console.log("获取手机信息", uni.getSystemInfoSync())
		},
		methods: {
			/**
			 * 绑定用户
			 */
			onBing() {
			},
			/**
			 * 创建直播间
			 */
			onCreate() {
				uni.navigateTo({
					url: "../live/createLive"
				})
			},
			/**
			 * 直播列表
			 */
			onList() {
				uni.navigateTo({
					url: "../live/liveList"
				})
			},
			/**
			 * demo
			 */
			onDemo() {
				uni.navigateTo({
					url: "../login/V2LiveRoom"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap {
		width: 100vw;
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
		.bing {
			width: 600rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background-color: orange;
			border-radius: 50rpx;
			overflow: hidden;
			margin-bottom: 50rpx;
		}
		
		.create {
			
			width: 600rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background-color: red;
			border-radius: 50rpx;
			overflow: hidden;
		}
		
		.list {
			margin-top: 50rpx;
			width: 600rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			background-color: green;
			border-radius: 50rpx;
			overflow: hidden;
		}
	}
</style>